<template>
  <view class="area-card">
    <view class="area-left">
      <view class="area-title">
        {{row.placesName}}
      </view>
<!--      <view class="area-c" v-if="row.tags && row.tags.length">-->
<!--        <article-tag v-for="(item,index) in row.tags" :key="index" :text="item" size="small"/>-->
<!--      </view>-->
      <view class="area-sub-title">
        联系电话：{{row.placesPhone}}
      </view>
    </view>
    <view class="area-right">
      <van-button type="primary" text="去这里" round size="small" @click="itemClick"></van-button>
    </view>
  </view>
</template>

<script>
import ArticleTag from "../../../components/ArticleTag.vue";
export default {
  components:{ArticleTag},
  data() {
    return {}
  },
  props:{
    row:{
      type:Object,
      default:()=>({})
    }
  },
  methods: {
    itemClick(){
      this.$emit('itemClick',this.row)
    }
  }
}
</script>
<style lang="scss" scoped>
.area-card {
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 12px;
  background: $uni-color-success;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .area-left{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    .area-title{
      font-weight: bold;
      font-size: 16px;
      color: $uni-color-primary;
    }
    .area-sub-title{
      font-size: 13px;
      color: #333333;
    }
  }
}
</style>
